<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>分类</title>
		<meta name="keywords" content="Teardrop" />
		<meta name="Description" content="作品" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="css/new_file.css" />
		<link rel="stylesheet" href="css/iconfont.css" />
	</head>

	<body>
		<div class="web">
			<!--头部  S-->
			<header>
				<div class="toubu_box clear">
					<div class="b fl">
						<a href="index.html">Back</a>
					</div>
					<div class="city fr">
						<select name="">
							<option value="">广州市</option>
							<option value="">东莞市</option>
							<option value="">深圳市</option>

						</select>
					</div>
					<div class="fenlei"><span>分类</span></div>
				</div>
			</header>

			<!--头部  E-->
			<!--中部  S-->
			<section>
				<div class="tiaozhuang">
					<div class="food">
						<a href="#food">
							<div class="p">

								<img src="img/little_picture11.png" alt="" /></div><span>美食</span></a>
					</div>
					<div class="movie">
						<a href="#movie">
							<div class="p">

								<img src="img/little_picture13.png" alt="" /></div><span>电影</span></a>
					</div>
					<div class="sport">
						<a href="#sport">
							<div class="p">

								<img src="img/little_picture14.png" alt="" /></div><span>运动</span></a>
					</div>
					<div class="song">
						<a href="">
							<div class="p">

								<img src="img/little_picture14_03.jpg" alt="" /></div><span>唱歌</span></a>
					</div>
				</div>

				<div class="box" id="food">
					<div class="box_top clear">
						<div class="my_icon_font iconfont icon-meishi fl"><span>美食类</span></div>
						<div class="fr">
							<span>更多</span><span class="my_icon_font iconfont icon-jiantou1-copy"></span></div>

					</div>
					<div class="box_content">
						<div><img src="img/little_picture10_03.jpg" alt="" /></div>
						<div><img src="img/little_picture11_05.jpg" alt="" /></div>
						<div><img src="img/little_picture10_03.jpg" alt="" /></div>
						<div><img src="img/little_picture11_05.jpg" alt="" /></div>
					</div>
				</div>
				<div class="box" id="sport">
					<div class="box_top clear">
						<div class="my_icon_font iconfont icon-gaoerfu fl"><span>运动类</span></div>
						<div class="fr">
							<span>更多</span><span class="my_icon_font iconfont icon-jiantou1-copy"></span></div>

					</div>
					<div class="box_content">
						<div><img src="img/little_picture09_03.jpg" alt="" /></div>
						<div><img src="img/little_picture_05.jpg" alt="" /></div>
						<div><img src="img/little_picture09_03.jpg" alt="" /></div>
						<div><img src="img/little_picture_05.jpg" alt="" /></div>
					</div>
				</div>
				<div class="box" id="movie">
					<div class="box_top clear">
						<div class="my_icon_font iconfont icon-ic_movie_px fl"><span>电影类</span></div>
						<div class="fr">
							<span>更多</span><span class="my_icon_font iconfont icon-jiantou1-copy"></span></div>

					</div>
					<div class="box_content">
						<div><img src="img/little-picture06_03.jpg" alt="" /></div>
						<div><img src="img/little_picture08_05.jpg" alt="" /></div>
						<div><img src="img/little-picture06_03.jpg" alt="" /></div>
						<div><img src="img/little_picture08_05.jpg" alt="" /></div>
					</div>
				</div><div class="box">
					<div class="box_top clear">
						<div class="my_icon_font iconfont icon-meishi fl"><span>美食类</span></div>
						<div class="fr">
							<span>更多</span><span class="my_icon_font iconfont icon-jiantou1-copy"></span></div>

					</div>
					<div class="box_content">
						<div><img src="img/little_picture10_03.jpg" alt="" /></div>
						<div><img src="img/little_picture11_05.jpg" alt="" /></div>
						<div><img src="img/little_picture10_03.jpg" alt="" /></div>
						<div><img src="img/little_picture11_05.jpg" alt="" /></div>
					</div>
				</div>

			</section>

			<!--中部  E-->
			<!--底部  S-->

			<footer>
				<div class="dibu">
					<a href="index.html">
						<div class="my_icon_font iconfont icon-shouye">

						</div><span>首页</span></a>
				</div>
				<div class="dibu">
					<a href="分类.html">
						<div class="my_icon_font iconfont icon-fenlei">

						</div><span>分类</span></a>
				</div>
				<div class="dibu">
					<a href="发现.html">
						<div class="my_icon_font iconfont icon-faxian">

						</div><span>发现</span></a>
				</div>
				<div class="dibu">
					<a href="我的.html">
						<div class="my_icon_font iconfont icon-wode">

						</div><span>我的</span></a>
				</div>

			</footer>

			<!--底部  E-->

		</div>
	</body>

</html>